import { Icon, IconProps, useColorMode } from "@chakra-ui/react"
import { defaultProps } from "./defaultProps"

export const DevPodProBadge = (props: IconProps) => {
  const { colorMode } = useColorMode()

  return (
    <Icon viewBox="0 0 64 32" {...defaultProps} {...props}>
      <path
        key="1"
        fill="currentColor"
        d="M50.708 2H5.082A4.078 4.078 0 0 0 1 6.073v16.253A4.078 4.078 0 0 0 5.082 26.4h45.626a4.078 4.078 0 0 0 4.082-4.074V6.073A4.078 4.078 0 0 0 50.708 2Z"
      />
      <path
        key="2"
        fill={colorMode === "light" ? "#fff" : "#000"}
        d="M11.91 19.099c0 .404-.135.731-.405.984-.27.254-.598.38-.978.38-.381 0-.721-.126-.987-.38-.266-.253-.397-.58-.397-.984 0-.405.13-.736.397-.993.266-.258.594-.388.987-.388s.704.13.978.388c.274.257.405.588.405.993ZM17.654 8.153c1.74 0 3.075.319 4.004.948.93.633 1.392 1.622 1.392 2.97 0 .703-.123 1.304-.373 1.806-.25.499-.61.911-1.08 1.226-.475.319-1.049.552-1.732.699-.68.15-1.458.224-2.334.224h-1.089v4.213h-2.178V8.447a10.979 10.979 0 0 1 1.687-.233 25.91 25.91 0 0 1 1.703-.06Zm.156 1.884c-.553 0-1.008.016-1.368.053v4.073h1.056c1.049 0 1.86-.147 2.424-.441.565-.294.848-.85.848-1.667 0-.392-.074-.719-.226-.985a1.62 1.62 0 0 0-.622-.62 2.872 2.872 0 0 0-.942-.32 7.029 7.029 0 0 0-1.166-.093h-.004ZM28.343 8.153c1.732 0 3.054.319 3.971.948.917.633 1.376 1.602 1.376 2.9 0 1.623-.802 2.722-2.403 3.298.22.266.466.588.745.968a28.26 28.26 0 0 1 1.678 2.599c.267.466.504.923.709 1.373h-2.44c-.221-.413-.455-.83-.709-1.25-.253-.421-.511-.83-.77-1.226a28 28 0 0 0-1.477-2.064 5.4 5.4 0 0 1-.414.017h-1.383v4.523h-2.178V8.447a11.938 11.938 0 0 1 1.695-.233c.597-.04 1.134-.06 1.609-.06h-.009Zm.156 1.884c-.463 0-.889.016-1.281.053v3.865h.95c.527 0 .998-.029 1.4-.086.405-.057.74-.16 1.01-.31.27-.152.476-.352.615-.605s.208-.576.208-.968c0-.368-.07-.679-.208-.932a1.543 1.543 0 0 0-.598-.605 2.777 2.777 0 0 0-.925-.318 6.948 6.948 0 0 0-1.175-.094h.004ZM47.097 14.245c0 1.026-.15 1.928-.458 2.709-.307.784-.72 1.434-1.245 1.957a5.09 5.09 0 0 1-1.842 1.18 6.314 6.314 0 0 1-2.247.397c-.795 0-1.548-.13-2.256-.396a5.14 5.14 0 0 1-1.85-1.181c-.525-.523-.942-1.177-1.253-1.957-.311-.78-.467-1.688-.467-2.709 0-1.021.156-1.924.467-2.7.31-.777.737-1.43 1.273-1.958a5.234 5.234 0 0 1 1.859-1.193 6.257 6.257 0 0 1 2.23-.396c.787 0 1.528.13 2.232.396a5.065 5.065 0 0 1 1.842 1.193c.524.527.942 1.181 1.253 1.957.311.777.467 1.68.467 2.701h-.005Zm-9.358 0c0 .658.082 1.25.241 1.785.16.536.393.99.7 1.365.307.376.676.666 1.118.87.438.209.933.31 1.486.31.553 0 1.032-.101 1.47-.31.438-.208.81-.498 1.117-.87.308-.376.54-.83.7-1.365.16-.535.242-1.131.242-1.785 0-.654-.082-1.25-.241-1.785a3.88 3.88 0 0 0-.7-1.365 3.138 3.138 0 0 0-1.118-.87 3.383 3.383 0 0 0-1.47-.31c-.54 0-1.048.101-1.486.31-.438.208-.81.502-1.117.882-.308.38-.54.834-.7 1.365-.164.527-.242 1.123-.242 1.777v-.004Z"
      />
    </Icon>
  )
}
